import Header from './Header'
import PanelLeft from './PanelLeft/index.vue'
import PanelRight from './PanelRight'
// import SimulatorEditor from './SimulatorEditor'
import SimulatorEditor from './SimulatorEditor/index.vue'

import './index.scss'

export default {
    render() {
        return (
          <ElContainer direction="vertical">
            <ElHeader height="80px" class="flex items-center shadow-md">
              <Header />
            </ElHeader>
            <ElContainer class="layout-container">
              <ElAside class="shadow-sm" width="380px">
                <PanelLeft />
              </ElAside>
              <ElMain>
                <SimulatorEditor />
                <PanelRight />
              </ElMain>
            </ElContainer>
          </ElContainer>
        )
    }
}